//考试- 考试须知
<template>
  <div class="know">
    <div class="test">
      <div class="title">考试答题需知</div>
      <div class="content">
        <p v-for="(item, index) in content" :key="index">{{ item.p }}</p>
        <div class="button">
          <router-link to="test">我已阅读完毕，开始答题</router-link>
          <div @click="back">返回</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      content: [
        {
          p:
            "1.练习测试时间为2020年6月15日-30日;竞赛练习时间为2020年7月1日09:00—2020年9月14日12:00;竞赛答题时间为2020年9月15日09:00一2020年10月16日12:00。",
        },
        {
          p:
            "2.竞赛每人共15道题，答题限时总长5分钟。竞赛总分100分，分数采用累计制，单选题答对一题得6分，多选题答对一题得10分（多选、少选均不得分)，判断题答对一题得4分，答错不扣分。",
        },
        { p: "3.答题人确保在答题过程无徇私舞弊、代考等违反考试规定的行为。" },
        { p: "4.凡填写个人信息提交并进行答题,即视为同意上述问题说明。" },
        { p: "5.本次活动规则最终解释权归主办单位所有。" },
      ],
    };
  },
  mounted() {
    // chrome
    document.body.scrollTop = 0;
    // firefox
    document.documentElement.scrollTop = 0;
    // safari
    window.pageYOffset = 0;
  },
  created() {
  },
  methods:{
    back() {
      this.$router.go(-1);
    }
  }
};
</script>
<style lang="scss" scoped>
.know {
  width: 100%;
  margin: 0 auto;
  .test {
    max-width: 1802px;
    width: 94%;
    box-shadow: 0px 5px 20px 0px rgba(116, 116, 116, 0.35);
    margin: 84px auto;
    // height: 300px;
    border-radius: 10px;
    padding-bottom: 200px;
    .title {
      width: 100%;
      height: 94px;
      line-height: 94px;
      text-align: center;
      font-size: 30px;
      background: #44b6ff;
      color: #fff;
      border-radius: 10px;
    }
    .content {
      width: 767px;
      margin: 44px auto;
      font-size: 18px;
      color: #666666;
      p {
        line-height: 27px;
        margin-bottom: 20px;
      }
      .button {
        width: 100%;
        display: flex;
        justify-content: space-around;
        a {
          display: block;
          width: 40%;
          background: #44b6ff;
          color: #fff;
          text-decoration: none;
          text-align: center;
          padding: 14px 0px;
          border-radius: 8px;
        }
        div {
          width: 40%;
          background: #ff0000;
          color: #fff;
          text-decoration: none;
          text-align: center;
          padding: 14px 0px;
          border-radius: 8px;
          cursor: pointer;
        }
      }
    }
  }
}
</style>